<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>绑定style</title>
	<style>

	</style>
</head>
<body>

<div id="app">
	<div v-bind:style="{
    color: activeColor,
    fontSize: fontSize + 'px'
}">"open"
	</div>

	<div v-bind:style="styleObject">"male"</div>

	<div v-bind:style="[styleObject, overridingStyles]">"loyal"</div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
<script>
  let app = new Vue({
    el: '#app',
    data: {
      activeColor: 'blue',
      fontSize: 20,
      styleObject: {
        color: 'red',
        fontSize: '53px'
      },
	    overridingStyles: {
        backgroundColor: 'yellow',
      }
    }
  })
</script>
</body>
</html>